<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./css/common.css" rel="stylesheet" type="text/css">
    <script src="./js/vue.js" type="text/javascript"></script>
    <script type="text/javascript">
        // new Vue({
        //     el: "#app",
        //     data: {
        //     },
        //     created: function (){
        //         this.menu_run();
        //     },
        //     methods: {
        //         menu_run: function (){
        //             document.querySelector('.app_menu a').onclick = function (){
        //                 alert(234);
        //             };
        //         }
        //     }
        // });
    </script>
</head>
<body>
    <div id="app">
        <nav class="app_nav">
            <div class="logo">DECENUMBER</div>
            <div class="app_menu">
                <ul class="show">
                    <li><a href="">菜单</a></li>
                    <li><a href="">菜单</a></li>
                    <li><a href="">菜单</a></li>
                    <li><a href="">菜单</a></li>
                    <li>
                        <a href="">二级菜单</a>
                        <ul>
                            <li><a href="">菜单</a></li>
                            <li><a href="">菜单</a></li>
                            <li><a href="">菜单</a></li>
                            <li><a href="">菜单</a></li>
                            <li><a href="">菜单</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
        <nav class="app_content">
            <div class="header">
                <div>文档接口</div>
            </div>
            <div class="content">
                <h2>登陆api接口</h2>
                <div class="headline">
                    <h3>API地址</h3>
                </div>
                <div class="url">
                    <div>post</div>
                    <div>get</div>
                    <a href="#">http://qiniu-storage.pgyer.com/apiv1/app/upload</a>
                </div>
                <div class="headline">
                    <h3>请求参数</h3>
                </div>
                <div>
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                        <tr>
                            <th scope="col">参数</th>
                            <th scope="col">类型</th>
                            <th scope="col">必传</th>
                            <th scope="col">解释</th>
                        </tr>
                        </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>Larry</td>
                            <td>the Bird</td>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                    </table>
                </div>
                <div class="headline">
                    <h3>返回参数</h3>
                </div>
                <div>
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                        <tr>
                            <th scope="col">参数</th>
                            <th scope="col">类型</th>
                            <th scope="col">必传</th>
                            <th scope="col">解释</th>
                        </tr>
                        </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>Larry</td>
                            <td>the Bird</td>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                    </table>
                </div>
            </div>
        </nav>
    </div>
</body>
</html>